<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	    <title>产品试用详情</title>
	    <link rel="icon shortcut" type="image/x-icon" href="../../img/common/favicon.ico"/>
	    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_357896_h659h7bkkvbr19k9.css"/>
	    <link rel="stylesheet" type="text/css" href="../../css/probation.css"/>
	    <link rel="stylesheet" type="text/css" href="../../css/swiper.css"/>
	    <script src="../../js/viewport.js" ></script>
	</head>
	<body>
		<section class="product-detail">
			<div class="container">
				<img src="../../img/probation/list-img.jpg"/>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus </p>	
			</div>
		</section>
		<section class="product-toolbar">
			<div class="container">
				<div class="product-toolbar-backbtn"><a href="probation-list.html">首页</a></div>
				<div class="product-toolbar-btnwrapper">
					<div class="apply-infor clearfix">
						<p class="infor-timer">
							<span>截止倒计时：</span>
							<span class="infor-time"><i class="yelow">7</i>天<i class="yelow">7</i>小时<i class="yelow">7</i>分</span>
						</p>
						<span class="infor-pnum">已申请：15人</span>
					</div>
					<a class="apply-btn">申请试用</a>
				</div>
			</div>
		</section>
		<section class="probation-list probation-more">
			<h2 class="probation-title">更多试用</h2>
			<ul class="product-list">
				<li class="product-list-li">
					<div class="product-img">
						<a href="probation-detail.html">
							<img src="../../img/probation/list-img.jpg"/>
							<span class="product-state yellow">未开始</span>
						</a>
					</div>
					<div class="product-text clearfix">
						<div class="product-text-left">
							<p class="product-title"><a href="probation-detail.html">机器人蓝牙音箱</a></p>
							<span class="product-price">价值：<i class="blue">299</i></span>
						</div>
						<div class="product-text-right">
							<p class="product-time"><i class="gary">2018-06-10 10:00</i>开放申请</p>
							<span class="product-number">试用名额：5名</span>
						</div>
					</div>
				</li>
				<li class="product-list-li">
					<div class="product-img">
						<a href="probation-detail.html">
							<img src="../../img/probation/list-img.jpg"/>
							<span class="product-state yellow">未开始</span>
						</a>
					</div>
					<div class="product-text clearfix">
						<div class="product-text-left">
							<p class="product-title"><a href="probation-detail.html">机器人蓝牙音箱</a></p>
							<span class="product-price">价值：<i class="blue">299</i></span>
						</div>
						<div class="product-text-right">
							<p class="product-time"><i class="gary">2018-06-10 10:00</i>开放申请</p>
							<span class="product-number">试用名额：5名</span>
						</div>
					</div>
				</li>
			</ul>
		</section>
	</body>
</html>
